import { Component } from "react"
// import {}
class Tab extends Component {
  render () {
    return (<div className="tabs-order">
      <ul className="sort-container">
        {/* <li className="on">按热度排序</li>
            <li>按时间排序</li> */}
        {this.props.tabs.map((item, index, array) => { return <li key={item.id} onClick={() => { this.props.changeTab(item.type) }} className={item.type === this.props.active ? 'on' : ''}>按{item.name}排序</li> })}
      </ul>
    </div>)
  }
}
export default Tab
